<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" autoFlush="false"  buffer="1028kb"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!-- 登录/注册 -->
<div class="LoginDiv">
	<div style="height:109px; background: url('${ctx}/resource/img/W600MAIL.png') ;">
		 &nbsp;
	</div>
	<div class="menu clear" style="height: 40px;">
 		<ul class="tab TAC _LH40 _H40" target='auto'>
 			<li class="active" for="tabLogin_1">&gt;登录&lt;</li>
 			<li for="tabLogin_2">&gt;注册新用户&lt;</li>
 		</ul>
 	</div>
 	<div class="bBody" style="overflow: hidden;">
 		<div tab="tabLogin_1"   >
	 		<div class="_P10 bb1 ">
				<input type="text" name='loginName' placeholder="请输入邮箱账号/手机号" tipsC="请输入邮箱账号/手机号" class="_LH40 _H40 _MB10"/>
	 			<input type="password" name='password' placeholder="请输入您的密码" tipsC="请输入您的密码" class="_LH40 _H40 _MB10"/>
				<input type="button" value="立刻登录" class="_blue _big " onclick="doLoginAction()" />
				<a href="#">忘记密码啦？</a>
			</div>
			<div class="TAC _PT10">
				<img alt="" src="${ctx}/resource/img/qq.png" class="_def curP">
				<img alt="" src="${ctx}/resource/img/sina.png" class="_def curP">
				<img alt="" src="${ctx}/resource/img/zfb.png" class="_def curP">
				<img alt="" src="${ctx}/resource/img/git.png" class="_def curP">
			</div>
			<div class="hui TAC">嗨~ 您还可以选择以上合作账号直接登录支付之家哦~</div>
 		</div>
 		<div tab="tabLogin_2" class="hide"   >
	 		<div class="_P10 ">
	 			<input type="text" name="rAliasName" placeholder="请输入您独一无二的昵称" class="_LH40 _H40 _MB10"/>
	 			<input type="text" name="rLoginName" placeholder="请输入邮箱账号/手机号" class="_LH40 _H40 _MB10"/>
	 			<input type="password" name="rPassword" placeholder="请输入您的密码" class="_LH40 _H40 _MB10"/>
				<div class="clear  _MB10">
					<span class="g-14-24"><input type="text" name="rValidate" placeholder="请输入验证码" class="_LH40 _H40"/></span>
					<span class="g-10-24"><input type="text" class="YZM _LH40 _H40" onclick="getValidateYZM()" readonly="readonly"/></span>
				</div>  
				<p onclick="boSubmit(this)" class="curP clear "><button type="button" class="_green bold" style="color: white;" >√</button><span>我已阅读并同意 ：</span><span style="color: blue" onmouseover="showSM(this)" onmouseout="hideSM(this)" >《注册声明》《版权声明》</span></p>
				<input type="button" value="立刻注册" class="_MT10 _yellow _big" onclick="doRegisterAction()" />
			</div>
 		</div>
 	</div>
</div>
<!-- 注册声明 -->
<div class="zcsm hide">
	<div style="line-height: 18px;max-width: 433px;"> 
		<p>注册声明:</p>
		<p style="text-indent: 2em">一、用户注册、登陆，视为接受本协议的约束。</p>
		<p style="text-indent: 2em">二、用户承诺遵守国家的法律法规及部门规章</p>
		<p style="text-indent: 2em">三、用户承诺遵守“jQuery插件库”的知识产权政策.</p>
		<p style="text-indent: 2em">四、站内插件用于行业交流、学习。</p>
		<p style="text-indent: 2em">五、用户侵犯第三人的知识产权，由该用户承担全部法律责任。</p>
		<p>版权声明:</p>
		<p style="text-indent: 2em">支付之家（www.zfzj.com）站内所有涉及文章言论由会员上传而来，支付之家不拥有此类插件及代码的版权。 
			 作为网络服务提供者，对非法转载，盗版行为的发生不具备充分的监控能力。但是当版权拥有者提出侵权指控并出示充分的版权证明材料时，支付之家负有移除盗版和非法转载作品以及停止继续传播的义务。支付之家满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任，包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。
			 如果版权拥有者发现自己作品被侵权，请及时向支付之家提出权利通知，并将姓名、电话、身份证明、权属证明、具体链接（URL）及详细侵权情况描述发往版权举报专用通道，支付之家在收到相关举报文件后，在3个工作日内移除相关涉嫌侵权的内容.</p>
		<p style="text-indent: 2em">QQ：563930552（周一到周五，9：30-18:00）</p>
       </div>
</div>	
<script type="text/javascript">
	var $DOM=$(".LoginDiv");
	function doLoginAction(){
		var $loginName=$DOM.find("input[name=loginName]");
		var $password=$DOM.find("input[name=password]");
		if(!(getLen($loginName)>6 && getLen($loginName)<30 && (isEmail($loginName.val()) || isMobile($loginName.val()))))
			return Error($loginName,'loginName',"登录账号必须是6~30位之间,并且只能是手机号或邮箱。"); 
		if(!(getLen($password)>6 && getLen($password)<30)) 
			return Error($password,'password','登录密码必须是6~30位之间');
		sendRequest("${ctx}/login/ajaxLoginAction", {loginName:$loginName.val(),password:$password.val()}, function(data){
			if(data.retCode==1){
				location.reload(true);
			}else{
				showMsg(data.retMsg,'error');
			}
		});
	}
	function doRegisterAction(){
		var $rAliasName=$DOM.find("input[name=rAliasName]");
		var $rLoginName=$DOM.find("input[name=rLoginName]");
		var $rPassword=$DOM.find("input[name=rPassword]");
		var $rValidate=$DOM.find("input[name=rValidate]");
		
		if(!(getLen($rAliasName)>=3 && getLen($rAliasName)<=10))
			return Error($rAliasName,'rAliasName',"账号昵称长度必须是3~10位之间。"); 
		if(!(getLen($rLoginName)>6 && getLen($rLoginName)<30 && (isEmail($rLoginName.val()) || isMobile($rLoginName.val()))))
			return Error($rLoginName,'rLoginName',"登录账号长度必须是6~30位之间,并且只能是手机号或邮箱。");  
		if(!(getLen($rPassword)>6 && getLen($rPassword)<30 && SecurityLevel($rPassword.val())!='弱')) 
			return Error($rPassword,'rPassword',"密码必须是6~30位之间,并且不能为纯数字或字母。");   
		
		var rln=$rLoginName.val();
		sendRequestTB("${ctx}/register/ajaxCheckName",{rAliasName:$rAliasName.val(),rLoginName:$rLoginName.val()},function(data){
			if(data.retCode==1){
				sendRequest("${ctx}/register/ajaxRegisterAction",
					{
						aliasName:$rAliasName.val(),
						loginName:$rLoginName.val(),
						password:$rPassword.val(),
						validate:$rValidate.val()
					},function(data){
						getValidateYZM();
						showMsg(data.retMsg,data.retCode==1?'':'error');
						if(data.retCode==1){
					 		$DOM.find("li[for=tabLogin_1]").click();
					 		$DOM.find("input[type=text]").val("");
					 		$DOM.find("input[type=password]").val("").focus();
					 		$DOM.find("input[name=loginName]").val(rln);
						} 
						 
				});
			}else{
				if("rLoginName"==data.retMsg)
					Error($rLoginName,data.retMsg,"(¬_¬)当前账号已经存在，请使用其他账号，或选择 找回密码 。"); 
				if("rAliasName"==data.retMsg)
					Error($rAliasName,data.retMsg,"(¬_¬)当前昵称已经存在，要不换个更厉害的名字？"); 
			}		
		});
	}


	getValidateYZM();
	function getValidateYZM() {
		$(".YZM").css("background", "url('${ctx}/public/getValidate?timestamp=" + new Date().getTime()+"')");
		$(".YZM").blur();
	}
	function showSM(_this){
		$(_this).parent().addTips("ssm",$(".zcsm").html(),"black");
	}
	function hideSM(_this){
		$(_this).parent().delTips("ssm");
	}
	function boSubmit(_this){
		var obj=$(_this).find("button");
		if(obj.hasClass("_def")){
			obj.removeClass("_def").addClass("_green");
			$(_this).next().removeAttr("disabled");
		}else{
			obj.removeClass("_green").addClass("_def");
			$(_this).next().attr({"disabled":"disabled"});
		}
	}
	
	$(function(){
		initTips();
	})
</script>